thinkphp6静态页面更新文章浏览量的代码

2021-11-30
427次阅读
没有评论

thinkphp6静态页面更新文章浏览量的代码

完整的代码:

<!--更新浏览量,静态页面可更新-->
<script language="javascript" type="text/javascript">
   var urla = window.location.host;
   $.ajax({
    url: 'https://'+urla+"/api/addview" ,
    type: "get",
	async: false,
    loading: false,
    data: {"aid": {$item.id}},
    dataType: "json", 
    success: function(res) {
           if(res.code==1){
               var data=res.data;
               $('#saonian').html(data.view);
           }
    }
   });
  </script>

如何使用:url 是你的后台更新文章阅读量的接口代码,我这里是使用的接口,如果没有也可以自己定义一个更新数据的function函数来实现。

data中包含的就是你需要传输进函数处理的内容,比如说当前的文章id要传输进去,后台的函数先判断是不是我前台传过来的,然后在根据id去做一个加法再返回当前这个id的阅读数。

注意:url 也是可以通过thinkphp的路由功能实现简化的。

之后在 success 返回中怎么处理问题是取决你定义的更新数据接口返回的json格式,这里建议使用json,用array也行,记得举一反三修改就好。

如何在静态页面中显示当前文章的阅读数量?

把上面的代码放在页面的底部,之后在你需要展示的地方粘贴下面的代码就行了。

<span id="saonian">wait...</span>

正文结束
自由书生
版权声明:本站原创文章,由 自由书生 于2021-11-30发表,共计671字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码